<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        目标:能够给DOM元素添加事件监听
        什么是事件:
            事件是在编程时系统内发生的动作或者发生的事情
            比如用户在网页上单击一个按钮
            语法:
            元素对象.addEventListener('事件类型',要执行的函数);
            事件类型:
                鼠标事件:
                    1.click 鼠标点击事件
                    2.mouseenter 鼠标经过
                    3.mouseleave 鼠标离开
                焦点事件:
                    1.focus 获取焦点
                    2.blur 失去焦点
                键盘事件:
                    1.Keydown 键盘按下触发
                    2.Keyup  键盘抬起触发
                文本事件:
                    1.input  用户输入事件
     -->
     <button>按钮</button>
     <script>
        const btn=document.querySelector('button');
        btn.addEventListener('click',function(){
            alert("被点击了");
        })
     </script>
</body>
</html>